<?php
include "includes/ui.php";

echo headerHTML("master","กลุ่มผู้ใช้งาน");

?>

<!-- Moldule: Popup -->
	<div id="popup" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style='margin-left:-390px;width:820px;'>

		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 id="myModalLabel"><i class="icon-cog"></i> จัดการกลุ่มผู้ใช้งาน</h3>
		</div>
		<form class="form-horizontal" style="margin-bottom:0px;">
		<div class="modal-body">
				<div class="control-group">
					<label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> กลุ่มผู้ใช้งาน</label>
					<div class="controls">
						<input type="text" id="txtName" required maxlength="50" placeholder="กลุ่มผู้ใช้งาน">
					</div>
				</div>
                   <div class="control-group">
                    <label class="control-label" for="inputRepeat"><i class="icon-double-angle-right"></i> สถานะการใช้งาน</label>
						<div class="controls">
							<div class='row-fluid'>
								<div class='span3'>
									<label class="radio">
								<span>
									<input type="radio" name="chk"  value="Y" id='chkY' checked> 
								</span>
							   ใช้งาน
							</label>
								</div>
								<div class='span4'>
								 <label class="radio">
								<span>
									<input type="radio" name="chk" value="N"  id="chkN"> 
								</span>
							   ยกเลิกใช้งาน
							</label>
								</div>
							</div>
					</div>
                        </div>
				  

			 <div class="well no-padding">
				<div class="top-bar" style="padding-left: 0px;">
					<ul class="tab-container">
					  <li class="active"><a href="#tab-master"> Master</a></li>
					  <li><a href="#tab-student"> งานนักเรียน</a></li>
					  <li><a href="#tab-employee"> งานบุคลากร</a></li>
					  <li><a href="#tab-service"> งานบริการ</a></li>
					  <li><a href="#tab-stock"> งานพัสดุ</a></li>
					  <li><a href="#tab-account"> งานบัญชี</a></li>
					  <li><a href="#tab-report"> รายงาน</a></li>
					</ul>

				</div>
				<div class="well no-padding tab-content">
				<div class="tab-pane active" id="tab-master">
					<!-- Add News: WYSIWYG Edior -->
					<table class="table" id="table_master" style='width:100% !important;'>
						  <thead>
							<tr>
							  <th style="width:20px !important;">#</th>
							  <th style="width:0px !important;"></th>
							  <th class='text-center'>หน้าจอ</th>
							  <th style="width:50px !important;">แสดง</th>
							  <th style="width:50px !important;">เพิ่ม</th>
							  <th style="width:50px !important;">แก้ไข</th>
							  <th style="width:50px !important;">ลบ</th>
							  <th style="width:50px !important;">อนุมัติ</th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							</tr>
						  </thead>
						  <tbody>
							
						  </tbody>
					 </table>
				</div>
				<div class="tab-pane" id="tab-report">
					<!-- Add News: WYSIWYG Edior -->
					<table class="table" id="table_report" style='width:100% !important;'>
						  <thead>
							<tr>
							  <th style="width:20px !important;">#</th>
							  <th style="width:0px !important;"></th>
							  <th class='text-center'>หน้าจอ</th>
							  <th style="width:50px !important;">แสดง</th>
							  <th style="width:50px !important;">เพิ่ม</th>
							  <th style="width:50px !important;">แก้ไข</th>
							  <th style="width:50px !important;">ลบ</th>
							  <th style="width:50px !important;">อนุมัติ</th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							</tr>
						  </thead>
						  <tbody>
							
						  </tbody>
					 </table>
				</div>
				<div class="tab-pane" id="tab-account">
					<!-- Add News: WYSIWYG Edior -->
					<table class="table" id="table_account" style='width:100% !important;'>
						  <thead>
							<tr>
							  <th style="width:20px !important;">#</th>
							  <th style="width:0px !important;"></th>
							  <th class='text-center'>หน้าจอ</th>
							  <th style="width:50px !important;">แสดง</th>
							  <th style="width:50px !important;">เพิ่ม</th>
							  <th style="width:50px !important;">แก้ไข</th>
							  <th style="width:50px !important;">ลบ</th>
							  <th style="width:50px !important;">อนุมัติ</th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							</tr>
						  </thead>
						  <tbody>
							
						  </tbody>
					 </table>
				</div>
				<div class="tab-pane" id="tab-service">
					<!-- Add News: WYSIWYG Edior -->
					<table class="table" id="table_service" style='width:100% !important;'>
						  <thead>
							<tr>
							  <th style="width:20px !important;">#</th>
							  <th style="width:0px !important;"></th>
							  <th class='text-center'>หน้าจอ</th>
							  <th style="width:50px !important;">แสดง</th>
							  <th style="width:50px !important;">เพิ่ม</th>
							  <th style="width:50px !important;">แก้ไข</th>
							  <th style="width:50px !important;">ลบ</th>
								<th style="width:50px !important;">อนุมัติ</th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							</tr>
						  </thead>
						  <tbody>
							
						  </tbody>
					 </table>
				</div>
				<div class="tab-pane" id="tab-stock">
					<!-- Add News: WYSIWYG Edior -->
					<table class="table" id="table_stock" style='width:100% !important;'>
						  <thead>
							<tr>
							  <th style="width:20px !important;">#</th>
							  <th style="width:0px !important;"></th>
							  <th class='text-center'>หน้าจอ</th>
							  <th style="width:50px !important;">แสดง</th>
							  <th style="width:50px !important;">เพิ่ม</th>
							  <th style="width:50px !important;">แก้ไข</th>
							  <th style="width:50px !important;">ลบ</th>
							  <th style="width:50px !important;">อนุมัติ</th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							</tr>
						  </thead>
						  <tbody>
							
						  </tbody>
					 </table>
				</div>
				<div class="tab-pane" id="tab-employee">
					<!-- Add News: WYSIWYG Edior -->
					<table class="table" id="table_employee" style='width:100% !important;'>
						  <thead>
							<tr>
							  <th style="width:20px !important;">#</th>
							  <th style="width:0px !important;"></th>
							  <th class='text-center'>หน้าจอ</th>
							  <th style="width:50px !important;">แสดง</th>
							  <th style="width:50px !important;">เพิ่ม</th>
							  <th style="width:50px !important;">แก้ไข</th>
							  <th style="width:50px !important;">ลบ</th>
								  <th style="width:50px !important;">อนุมัติ</th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							</tr>
						  </thead>
						  <tbody>
							
						  </tbody>
					 </table>
				</div>
				<div class="tab-pane" id="tab-student">
					<!-- Add News: WYSIWYG Edior -->
					<table class="table" id="table_student" style='width:100% !important;'>
						  <thead>
							<tr>
							  <th style="width:20px !important;">#</th>
							  <th style="width:0px !important;"></th>
							  <th class='text-center'>หน้าจอ</th>
							  <th style="width:50px !important;">แสดง</th>
							  <th style="width:50px !important;">เพิ่ม</th>
							  <th style="width:50px !important;">แก้ไข</th>
							  <th style="width:50px !important;">ลบ</th>
							  <th style="width:50px !important;">อนุมัติ</th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							  <th style="width:0px !important;"></th>
							</tr>
						  </thead>
						  <tbody>
							
						  </tbody>
					 </table>
				</div>
				</div>
				<!-- / Add News: WYSIWYG Edior -->
				</div> 
 
		</div>

        <div class="modal-footer">
			<button type='submit' class="btn btn-primary" id="btnSave">บันทึก</button>
			<button class="btn" data-dismiss="modal" aria-hidden="true">ยกเลิก</button>
        </div>
      </form>	


	</div> 
	<!-- / Module: Popup -->

<!-- Live Stats -->
<div class="row-fluid">

    <!-- Pie: Box -->
    <div class="span12">

        <!--  : Top Bar -->
        <div class="top-bar">
            <h3><i class="icon-cog"></i> กลุ่มผู้ใช้งาน</h3>
            <div class='tmp' style='float:right'>
				<a href="#"  ><button class="btn"  style='width:80px;' id='btnPrintDraft' tooltip="Add">พิมพ์</button></a>
			<?php if ($add == 1){ ?>
                <a href="#popup" data-toggle="modal"><button class="btn btn-primary" id="btnAdd" data-original-title="เพิ่มข้อมูล"  rel="tooltip" >เพิ่ม</button></a>
            <?php } ?>
			</div>
        </div>
        <!-- /  : Top Bar -->

        <!-- Pie: Content -->
        <div class="well no-padding">
            <table class="data-table" id="resultData">
                <thead style='border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;'> 
                    <tr >
                        <th style='color:#333 !important;width:50px !important;'>#</th>
						<th style='color:#333 !important;width:0px !important;'></th>
                        <th style='color:#333 !important;' >รายชื่อกลุ่ม</th>
                        <th style='color:#333 !important;width:200px !important;' class="center">สถานะ</th>
                        <th style='color:#333 !important;width:50px !important;' class="center">แก้ไข</th>
                        <th style='color:#333 !important;width:50px !important;' class="center">ลบ</th> 
                    </tr>
                </thead>
                <tbody>
                 
                </tbody>

            </table>

        </div>
        <!-- / Pie: Content -->

    </div>
    <!-- / Pie -->

</div>
<!-- / Live Stats -->

<?php
echo footerHTML();
?>

<!-- Javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src='js/jquery.hotkeys.js'></script>
<!--script src='js/fullcalendar.min.js'></script-->
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery.pajinate.js"></script>
<!--script src="js/jquery.prism.min.js"></script-->
<script src="js/jquery.dataTables.min.js"></script>

<script src="js/jquery.flot.resize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<!--script src="js/bootstrap-typeahead.js"></script-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/avocado-custom.js"></script>
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/myScript/js_group.js"></script>


</html>